iT邦幫忙

2021 iThome 鐵人賽

DAY 24
1
Software Development

你還在用手動測試嗎?30 天帶你學會前端自動化測試框架 - Cypress系列 第 24

自動化測試,讓你上班擁有一杯咖啡的時間 | Day 24 - 學習 trigger 的用法

  • 分享至 

  • xImage
  •  

此系列文章會同步發文到個人部落格,有興趣的讀者可以前往觀看喔。

今天要跟大家分享當網頁上有子表時,如何測試滑鼠滑過時要出現資料的情境。
https://ithelp.ithome.com.tw/upload/images/20211007/20140883NUAYbaeZjk.png

  1. 語法

    .trigger(eventName)
    .trigger(eventName, position)
    .trigger(eventName, options)
    .trigger(eventName, x, y)
    .trigger(eventName, position, options)
    .trigger(eventName, x, y, options)
    
  2. 動手寫程式

    觸發 mouseover 事件,滑鼠會懸停操作

    describe('測試trigger', function() {
        it('應該要可以呈現移動滑鼠', function() {
          cy.visit('https://tip.railway.gov.tw/tra-tip-web/tip/tip001/tip112/gobytime'); //到台鐵首頁
          cy.get("li > a").contains("線上訂票").trigger('mouseover') //滑鼠懸停在線上訂票
          cy.contains("個人訂票").click({force: true}); //點選個人訂票
        })
    })
    

    https://ithelp.ithome.com.tw/upload/images/20211007/20140883HysSgsyGYc.png

參考資料


上一篇
自動化測試,讓你上班擁有一杯咖啡的時間 | Day 23 - 避免使用 cy.wait
下一篇
自動化測試,讓你上班擁有一杯咖啡的時間 | Day 25 - 學習 blur 的用法
系列文
你還在用手動測試嗎?30 天帶你學會前端自動化測試框架 - Cypress30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言